<template>
  <div>
    <router-link :to="{name:'home',params:{a:50,b:60,info:{age:10}}}">home</router-link> |
    <router-link to="/about/100/200">about1</router-link> |
    <router-link to="/home/100-200">home2</router-link> |
    <router-link :to="{path:'/about/100/200'}">about3</router-link> |
    <router-view></router-view>
  </div>

</template>

<script>
export default {
  name: 'App',
  watch:{
    '$route.params'(){
      console.log(this.$route)
    }
  },
  mounted() {
    console.log(this.$route)
  }
}
</script>

<style lang="less">

</style>
